$(document).ready(function() {
		$.get("menu.html",function(data){
			$("#menuDiv").html(data);
		})
	
        // 第一个下拉框
        var option = $('#interfaceSelect').find("option:selected");
        $("#api_method").val(option.attr("method"));
        $("#api_url").val(option.attr("url"));
        $("#api_param").val(option.attr("value"));

        // 下拉框变更
        $("#interfaceSelect").change(function(){
          $("#api_state").val("");
          $("#api_data").val("");
        });

        // 登录
        $("#login").on('click', function(){
            var bodyData = '{"phone":"'+$("#phoneInput").val()+'","password":"'+$("#passwordInput").val()+'"}';
            // bodyData.phone = $("#phoneInput").val();
            // bodyData.password = $("#passwordInput").val();
            //(url,param,successCallback,errorCallback)
            API.post('/api/account/user/login',bodyData,function(data,textStatus){
                localStorage.TOKEN=data.data.token;
                var showName = data.data.userName;
                if(data.data.company) {
                	//showName += '[' + data.data.company.companyName + ']';
                }
                $('#userName').text(showName);
                $('#login').hide();
                $('#logout').show();
                console.log(data); 
                console.log(textStatus); 
                $("#api_state").val(textStatus);
				$("#api_data").val(JSON.stringify(data));
             	$("#json-src").val(JSON.stringify(data));
             	$('#json-src').keyup();
            },function(xmlHttpRequest, textStatus, errorThrown){
                console.log(xmlHttpRequest); 
                console.log(textStatus); 
                console.log(errorThrown); 
            });
        });
        // 登出
        $("#logout").on('click', function(){
            //(url,param,successCallback,errorCallback)
            API.post('/api/account/user/logout',{'token':localStorage.TOKEN},function(data,textStatus){
                localStorage.TOKEN='';
                $('#userName').text('');
                $('#login').show();
                $('#logout').hide();
                console.log(data); 
                console.log(textStatus); 
            },function(xmlHttpRequest, textStatus, errorThrown){
                console.log(xmlHttpRequest); 
                console.log(textStatus); 
                console.log(errorThrown); 
            });
        });
        $ ("#interfaceSelect").change(function(){
            var option = $('#interfaceSelect').find("option:selected");
            $("#api_method").val(option.attr("method"));
            $("#api_url").val(option.attr("url"));
            $("#api_param").val(option.attr("value"));
        })
        // 测试
        $("#test").on('click', function(){
        	$("#json-src").val(''); // 清空
        	$('#json-src').keyup();
        	
            var method = $("#api_method").val();
            if('get' == method){
                API.get($("#api_url").val(),JSON.parse($("#api_param").val()),function(data,textStatus){
                    console.log(data);
                    $("#api_state").val(textStatus);
                    $("#api_data").val(JSON.stringify(data));
                    $("#json-src").val(JSON.stringify(data));
                	$('#json-src').keyup();
                },function(xmlHttpRequest, textStatus, errorThrown){
                    $("#api_data").val(xmlHttpRequest + ' , ' + errorThrown);
                });
            }
            if('post' == method){
                API.post($("#api_url").val(),$("#api_param").val(),function(data,textStatus){
                    console.log(data);
                    $("#api_state").val(textStatus);
                    $("#api_data").val(JSON.stringify(data));
                    $("#json-src").val(JSON.stringify(data));
                	$('#json-src').keyup();
                },function(xmlHttpRequest, textStatus, errorThrown){
                    $("#api_data").val(xmlHttpRequest + ' , ' + errorThrown);
                });
            }
            if('put' == method){
                API.put($("#api_url").val(),$("#api_param").val(),function(data,textStatus){
                    console.log(data);
                    $("#api_state").val(textStatus);
                    $("#api_data").val(JSON.stringify(data));
                    $("#json-src").val(JSON.stringify(data));
                	$('#json-src').keyup();
                },function(xmlHttpRequest, textStatus, errorThrown){
                    $("#api_data").val(xmlHttpRequest + ' , ' + errorThrown);
                });
            }
            if('delete' == method){
                API.delete($("#api_url").val(),$("#api_param").val(),function(data,textStatus){
                    console.log(data);
                    $("#api_state").val(textStatus);
                    $("#api_data").val(JSON.stringify(data));
                    $("#json-src").val(JSON.stringify(data));
                	$('#json-src').keyup();
                },function(xmlHttpRequest, textStatus, errorThrown){
                    $("#api_data").val(xmlHttpRequest + ' , ' + errorThrown);
                });
            }
        });

    });



